
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="naver.ImageAPI"%>
<%@ page import="java.net.*"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>formTextResult.jsp</title>
</head>
<body>
	request 파라미터가 이쪽으로 전달됩니다.
	<br>
	<%
		request.setCharacterEncoding("UTF-8");
		String query = request.getParameter("query");
		// 한글의 경우 인코딩 되서 넘어옵니다. 디코딩해보죠
	%>
	쿼리 :
	<%=query%>
	<br> 1. 위의 query 변수를 사용해서 naver Image API에 요청 보냅니다.
	<br> 2. 응답을 받습니다(응답이 제대로 오는지 확인)
	<br> 3. item 안에 있는 title, link의 값을 얻으세요.
	<br> 4. title은 그냥 화면 출력, link는 img의 src의 값으로 출력
	<br>

	<%
		ImageAPI api = new ImageAPI(); // 객체 생성
		api.imageSearch(query); // 메서드 호출

		for (int i = 0; i < api.title.size(); i++) {
	%>
	<%=api.title.get(i)%>
	<br>
	<img src="<%=api.link.get(i)%>">
	<%
		}
		api.title.clear();
		api.link.clear();
	%>


</body>
</html>